<template>
	<headNavBar :fontColor="fontColor" backState="2000" :bgColor="bgColor" bgColorAngle="0" @doubleClick="doubleClick">
		<view slot="left">
			<view class="iconfont icon-fanhui left" v-if="back" @click="toPage(2)" :style="'color: '+iconColor"></view>
			<slot name="left" v-if="!back"></slot>
		</view>	
		<slot></slot>
		<view slot="right" class="right"><slot name="right"></slot></view>	
	</headNavBar>
</template>

<script>
	import headNavBar from "@/components/zhouWei-navBar/index";
	export default{
		components:{
			headNavBar
		},
		onReady() {
			
		},
		props:{
			back:{
				type:Boolean,
				default:false
			},
			iconColor:{
				type:String,
				default:'#CECECE'
			},
			bgColor:{
				type:String,
				default:'#FFFFFF'
			},
			fontColor:{
				type:String,
				default:'#333333'
			}
		},
		methods:{
			doubleClick(){
				this.$emit('doubleClick');
			}
		}
	}
</script>

<style lang="scss">
	.left,.right{
		padding: 0 10px;
		color: $color-font;
		font-size: 30upx;
	}
</style>
